@import "common.less";

/*全局变量*/
*{margin:0;padding:0}
ul,li{list-style-type:none;}
img {border:0;-ms-interpolation-mode: bicubic;max-width: 100%;}
input,textarea,button{outline: none;}
a,button{
  -webkit-tap-highlight-color: rgba(0,0,0,0.3);
}
html,body{height:100%;}
body{
  font-size: 100%;
  //background-color: #2d3132;
  font-family: PingFangSC-Light, Helvetica, "microsoft yahei", sans-serif;color:#000;position: relative;
  a{color:#333;text-decoration:none;cursor: pointer;}
}

//公用样式
.body{min-height: 100%;}
.disNone{display: none;}
.delay-100{.animate-delay(0.1s);}
.delay-250{.animate-delay(0.25s);}
.delay-500{.animate-delay(0.5s);}
.delay-750{.animate-delay(0.75s);}
.delay-1000{.animate-delay(1s);}
.delay-2000{.animate-delay(2s);}
.c-pulse{animation-name: c-pulse;}

//顶部
.nav-top{
  width: @cont-width;margin: 0 auto;padding: 20px 0;height: 60px;line-height: 60px;
  & > div{float: left;}
  .logo-txt{
    margin-left: 25px;
    img{vertical-align: middle;}
  }
}

//导航栏
.nav{
  height: 80px;background: url("/src/img/nav-bg.jpg") repeat-y center center;clear: both;
  nav{
    height: 100%;width: @cont-width;margin: 0 auto;
    a{
      float: left;width: 160px;height: 100%;color: #fff;text-align: center;position: relative;
      &:before{content: '';position: absolute;width: 2px;height: 48px;top: 16px;background: url("/src/img/nav-line.jpg") repeat-y;right: -1px;}
      &:last-child:before, &.active:before{display: none;}
      &.active{background: url("/src/img/nav-active-bg.jpg") repeat-x;}
      .title{display: block;font-size: 20px;margin-top: 20px;}
      .cont{display: block;font-size: 12px;}
    }
  }
}

//底部
.footer{
  padding: 32px 0 40px;text-align: center;color: rgba(255,255,255,0.5);font-size: 14px;line-height: 24px;background-color: #1f2328;
}